<template>

  <div ref="right1_container" style="height:95%"></div>

</template>

<script>

import {get} from '../../../utils/request'
import {Pie} from '@antv/g2plot'

export default {
data(){
  return{
 dataArr:[]
  }
},
 mounted(){
this.initData()
  },
  methods:{
    initData(){
      get('/dashboard/queryDeviceOnlineNumber').then(res=>{
        
        this.dataArr = res.data
        this.initChart()
      })
    },
initChart(){
  const pie = new Pie(this.$refs.right1_container,{
  appendPadding: 10,
  data:this.dataArr,
  angleField: 'value',
  colorField: 'type',
  radius: 0.9,
  interactions: [{ type: 'brush' }],
  })

  pie.render()
}

  }
}
   
</script>

<style scoped>

</style>